﻿.BackgroundArea{
	margin-left:130px;
	position:relative;
	display:inline-block;
	clear:left;
	list-style-type:none;
}

.ReArea{
	float:left;
	display:block;
	position:relative;
	width:90px;
	height:700px;
	text-align:center;
}

.ReArea table
{
    width:100px;
	height:700px;
	text-align:center;
	font-size:x-small;
	color:#00709e;
}

input[type="image"]
{
    height:80px;
    width:55px;
    
}

.MainshowArea{
	position:relative;
	float:left;
	display:block;
	position:relative;
	width:800px;
	height:700px;
	background-color:Transparent;
}


.ContractandPersoninfo{
	position:relative;
	display:inline;
	clear:left;
	width:800px;
	height:300px;
}

.ContractSummery{
	display:block;
	float:left;
	background-color:Transparent;
	width:480px;
	height:300px;
}

.ContractSummery table
{
    width:480px;
	height:300px;
	text-align:center;

}

table tr td
{
    border-style:none;
}
#tabletitle
{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color:maroon;
    text-align:center;
    color:White;
    height:50px;
    
}

#doubletr
{
    background-color:#EEF0EE;
}

.PersionInfo{
	display:block;
	float:left;
	width:260px;
	height:300px;

}
.PersionInfo table
{
    width:260px;
    height:300px;
    text-align:center;
}

.useHistory{
	display:block;
	float:left;
	height:250px;
	width:740px;

}

.useHistory table
{
    height:235px;
	width:740px;
	text-align:center;
}

.usehistoryrow
{
    background-color:#EEF0EE;
}

#ctl00_ContentPlaceHolder1_ListViewHistory_tabletitle
{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color:Maroon;
    text-align:center;
    color:White;
    height:50px;
}

.monthlyuse{
	display:block;
	float:left;
	height:250px;
	width:440px;
}

.monthlyuse table
{
    height:250px;
	width:440px;
	text-align:center;
}


.planandpack{
	display:block;
	float:left;
	height:250px;
	width:300px;

}

.planandpack table
{
    height:250px;
	width:300px;
	
}

.tdName
{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-align:left;
	font-size:smaller;
	font-style:italic;
	color:#00709e;
	white-space:nowrap;
}

.tdValue
{
    font-size:small;
    white-space:nowrap;
}

.saveValue
{
    font-size:small;
    white-space:nowrap;
    color:Red;
}

#ctl00_ContentPlaceHolder1_Label11
{
     font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-align:left;
	font-size:smaller;
	font-style:italic;
	color:#00709e;

        
}

input[type="text"]:focus{
	background-color:#99FFCC;
}
/**.tableFrame
{
	border-width: 1px;
	border-style: outset;
}

.tableInfo
{
	font-size:small;
	border-width: 1px;
	border-style: outset;
	height: 180px;
	width: 790px;
	background-color:Transparent;
	text-align: left;
	font-family: Verdana;
}

.tableRecommend
{
	font-size:small;
	border-width: 1px;
	border-style: outset;
	height: auto;
	width: 790px;
	background-color: #FFFFCC;
	text-align: left;
	font-family: Verdana;
}

.tableAverage
{
	font-size:small;
	border-width: 1px;
	border-style: outset;
	height: 180px;
	width: 790px;
	background-color: #FFFFCC;
	text-align: left;
	font-family: Verdana;
}

.trHistoryMonth
{
	background-color: #6699FF;
}

.tdName
{
	border-style: none none dotted none;
	border-left: none 0;
	border-right: none 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	font-weight: bold;
}

.tdValue
{
	border-style: none none dotted none;
	border-left: none 0;
	border-right: none 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
}
.tdFrame
{
	border-style: double;
}**/